/*STYLES FROM SITE, YOU CAN DISCARD
*/
.ui-progressbar .ui-progressbar-value {
	height: 100%;
}

#pb_bob, #pb_asm {width: 390px;}
/*
.ui-progressbar {
	position: relative;
	top:5px;
	clear:both;
	width: 390px;
	height: 13px;
	background: url(images/prog_bg_green_dk.png) repeat-x top left;
}
/**/

.ui-progressbar-value {
	background: url(images/prog_bg_green_lt.png) repeat-x top left;
	position:absolute;
	top:0;
	left:0;
}



.tooltip {
	z-index: 9999;
	display: block;
	position: absolute;
	top: 160px;
	right: 200px;
	width: 123px;
	margin-top: 10px;
}


.tooltip_table {
	border-collapse: collapse !important;
	border-spacing:0 !important;
	border: none;
	font-size: 12px;
}
.tooltip_table td {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
.tip_content {
	background: url(images/tooltip/tip_middle.png);
	background-repeat: repeat-y;
	color: #2a2a2a;
	text-align: center;
	vertical-align: middle;
	font-weight:bold;
	font-size:12px;
}
.tip_span {
	display: inline-block;
	/*padding-left: 10px;*/ 
	width:85px;
	vertical-align:middle;
}
.tip_arrow {
	width: 11px;
	display: inline-block;
	position: absolute;
	right: 1px;
	top: 0px;
}
.tooltip_down .tip_arrow {
	margin:0 auto;
	position:relative;
	top:-8px;
	display:block;
}

#BOB_Wrapper{ 
display: block; 
padding: 10px; 
width: 410px;
display: block; 
position: relative;
top: 0px;
left: 0px;
}



.row1{ 
display: block;
position: absolute;
top: -10px;
}

.row3 td{ 
display: block;
margin-top: -4px;
}


/*STYLES FOR DEBUGGING STARTS HERE: 
*/


#inputForm{ 
position: absolute; 
left: 200px; 
top: 55px; 
width: 250px;
max-width: 260px;
padding: 20px;
font-size: 10px;
border: white dashed 1px;
}

.numberInput{ 
width: 30px;
margin-right: auto;
margin-left: auto; 
}

#inputForm th{
font-size: 14px; 
}

#inputForm td{ 
padding-top: 17px;
padding-bottom: 17px;
border: gray solid 1px;
}

.answer{ 
color: red;
}


/*NEW STYLES START HERE
*/






#progressBar{ 
width: 390px;
display: block;
margin-left: auto; 
margin-right: auto;
}

#BOB_top, #ASM_top{ 
background: url(images/BOB_BG_top.png);
width: 410px; 
height: 48px; 
display: block; 
position: relative;

}

#BOB_middle{ 
background: url(images/BOB_BG_middle.png);
width: 410px; 
height: 268px; 
margin-top: 6px; 
display: block;
position: relative;
}

#BOB_bottom{ 
width: 410px; 
height: 155px; 
margin-top: 6px;
display: block;
position: relative;
}

#BOB_bottomLeft{ 
background: url(images/BOB_BG_bottomLeft_2.png); 
width: 198px; 
height: 155px; 
display: block;
position: relative;
}

#BOB_bottomRight{ 
background: url(images/BOB_BG_bottomRight_2.png); 
width: 198px; 
height: 155px; 
display: block; 
position: absolute; 
right: 0px;
top: 0px;
}



#BOB_player{ 
color: #5DE400;
padding-left: 10px; 
padding-right: 5px;
display: block;
height: 40px;
width: 160px;
margin-top: 4px;
position: absolute;
}



#BOB_name{ 
font-weight: bold;
font-size: 13px;
height: 13px;
position: absolute;
top: 0px;
display: block;
}

#BOB_store{ 
font-size: 9px;
height: 9px;
display: block;
position: absolute;
top: 15px;
}


#BOB_dept{ 
font-size: 12px; 
height: 12px; 
top: 25px;
position: absolute;
display: block;
}

#BOB_status{ 
position: absolute;
left: 174px;
top: 0px;
margin: 14px 0px 0px 0px; 
padding: 0px;
width: 235px;
}

#BOB_status_date{ 
color: yellow;
padding: 0px; 
margin: 0px;
position: relative;
float: right;
text-align: right;
}

#BOB_making_it{ 
color: white; 
font-size: 13px;
position: relative;
/*top: -5px;*/
width: auto;
}


.BOB_tiny {
	font-size: 10px;
	line-height: 10px;
	float:left;
	width:150px;
	height: 10px;
    font-weight:bold;
}

#BOB_end, #last_BOB_end{
	float: right;
	text-align:right;
}
#BOB_Wrapper .stand_date_wrapper 
{
    top:0px;
}

.BOB_month{ 
font-weight: bold; 
font-size: 14px;
margin: 0px 0px 2px 10px;
padding-top: 10px;
}

#BOB_graphs_table{ 
width: 340px;
margin-left: auto; 
margin-right: auto; 
display: block;
margin-top: 10px;
border-collapse: collapse;
}

.BOB_graphCell{ 
font-weight: bold; 
font-size: 12px; 
border-bottom: black solid 1px;
padding: 2px 20px 2px 0px;
}

.BOB_graph{ 
width: 225px; 
height: 27px;
background: url(images/BOB_graph_longer.png);
background-repeat: no-repeat;
background-position: top center;
margin-top: 5px;
position: relative;
display: block;
}

.BOB_2tier {background-image: url(images/BOB_graph_2tier_longer.png);background-size:225px 8px;}
.BOB_3tier {background-image: url(images/BOB_graph_3tier_longer.png);background-size:225px 8px;}
.BOB_4tier {background-image: url(images/BOB_graph_4tier_longer.png);background-size:225px 8px;}

/*
.BOB_graph_last td, #BOB_graphs_table tr:last-child td{ 
border: 0 !important;
}
*/
/* FIX for JIRA #GAMEON-1555 */
.BOB_graph_last td, #BOB_graphs_table tr+tr+tr td{ 
border: 0px none #ffffff;
}


.BOB_results{ 
border-bottom: black solid 1px;
width: 50%;
font-weight: bold;
}

.BOB_graph_low, .BOB_graph_high, .BOB_graph_max{ 
position: absolute; 
bottom: 0px;
font-size: 9px;
}

.BOB_graph_low{ 
left: 14px;
}

.BOB_graph_high{ 
right: 10px;
}

.BOB_graph_max {display:none;}

.BOB_4tier .BOB_graph_max 
{
    display:inline;
    width: 25px;
    right: 38px;
}

.BOB_2tier .BOB_graph_high, .BOB_3tier .BOB_graph_high, .BOB_4tier .BOB_graph_high {right: 100px;text-align:center;width:25px;}

.BOB_2tier .BOB_graph_low {display:none;}

.BOB_arrow{ 
width: 28px; 
height: 29px; 
display: block;
background: url(images/ARROW_yellowUp.png);
position: absolute; 
top: -5px;
}

.BOB_results span{ 
/*default
*/
width: 91px; 
height: 31px;
line-height: 31px; 
background: url(images/RESULT_gray.png);
display: block;
background-repeat: no-repeat;
background-position: bottom center;
text-align:center;
border: 0px;
position: relative;
}
 
.BOB_red{ 
background: url(images/RESULT_red.png) !important;
}

.BOB_blue{ 
background: url(images/RESULT_blue.png) !important;
}

#BOB_incentive{ 
font-weight: bold; 
color: black; 
position: absolute; 
text-align: center; 
width: 100%; 
bottom: 0px;
margin-bottom: 3px;
font-size: 13px;
}

#BOB_resources_table{ 
width: 180px;
font-size: 10px;
margin-left: 10px;
border-collapse: collapse;
}

#BOB_resources_table a{ 
text-decoration: none;
color: white;
}

#BOB_resources_table a:hover{ 
text-decoration: underline;
}

#BOB_resources_table tr td{ 
background: #363530;
height: 22px;
}

#BOB_resources_table tr td .tutorialCol{ 
background: #363530;
height: 22px;
}


.BOB_oddRow td{ 
background: #2B2A1F !important;
border: 0px;
}

#BOB_resources_table .ICON_website{ 
text-indent: -999px;
font-size: 0px; 
display: block;
width: 15px; 
height: 17px; 
background: url(images/ICON_website.png);
}

#BOB_resources_table  .ICON_pdf, .ASM_resources .ICON_pdf{ 
width: 15px; 
height: 16px; 
display: inline-block;
margin-right: 8px;
background: url(images/pdf.png);
vertical-align: bottom;
}




.ICON_video{ 
display: inline-block; 
width: 18px; 
height: 18px; 
background: url(images/HOME_VideoPlayIcon.png);
}

.white-border-right{ 
border-right: white solid 1px;
}



#ICON_BOB{ 
display: block; 
width: 24px; 
height: 27px; 
background: url(images/ICON_BOB.png);
position: absolute; 
top: 5px; 
right: 10px;
text-indent: -999px;
font-size: 0px;
}


#BOB_commentary{ 
background: url(images/last_month.jpg) bottom left repeat-x; 
color: #363530;
margin-left: 10px;
height: 81px; 
font-size: 11px;
width: 164px;
padding: 7px;
height: 70px;
}

#BOB_commentary a{ 
text-decoration: none; 
color: green; 
}

#BOB_commentary a:hover{ 
text-decoration: underline; 
}

#BOB_top a, #ASM_top a { 
color: #5DE400;
text-decoration: none;
}


#BOB_top a:hover, #ASM_top a:hover{ 
text-decoration: underline;
}
